/* 引入Vue核心库 */
import Vue from 'vue'
/* App根组件 */
import App from './App'
/* 引入Vuex的实例store */
import store from './store'
/* 引入VueRouter的实例router */
import router from './router'
/* 引入ElementUI */
import ElementUI from 'element-ui'
/* 引入ElementUI的样式 */
import 'element-ui/lib/theme-chalk/index.css'
/*  */
import '@/styles/index.scss'
/* 引入样式重置文件 */
import 'normalize.css/normalize.css'
/* 引入icons的文件 */
import '@/icons'
/* 引入权限验证文件 */
import '@/permission'
/* 引入进度条的样式 */
import 'nprogress/nprogress.css'
/* 引入自定义指令 */
import '@/directive/lazyImg'
import '@/directive/focus'
import '@/directive/per'
/* 使用ElementUI，(Vue.use方法本质是调用插件对象的install函数，install函数接收两个形参Vue和options) */
Vue.use(ElementUI)
/* productionTip设置为 false ，可以阻止vue在启动时生成生产提示 */
Vue.config.productionTip = false
/* 创建一个Vue的实例vm */
new Vue({
  // 指定挂载点为id为#app的元素
  el: '#app',
  // 注册router(全局多了两个属性分别是$router和$route)
  router,
  // 注册store(全局多了一个属性分别是$store)
  store,
  // render的属性值是一个函数，这个函数接收一个参数createElement函数，调用createElement函数传入App根组件即可渲染App组件
  // render: createElement => createElement(App)
  render: h => h(App)
})
